<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0,maximum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>下单预定</title>
    <script src="/lib/pub/js/config.js"></script>
    <script src="/func/index.js"></script>
    <script src="index.js"></script>
    <link rel="stylesheet" href="/func/index.css">
    <link rel="stylesheet" href="index.css">
</head>
<body>
    <header class="mui-bar mui-bar-nav">
            <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
        <h1 class="mui-title">下单预定</h1>
    </header>
    <div>
        <div class="userinfo">
            <div>
                <label>分销商</label><label id="name">---</label>
            </div>
            <div>
                <label>账号</label><label id="account">-----</label>
            </div>
        </div>

        <div class="subcontent">
            <ul class="mui-table-view">
                <li class="mui-table-view-cell mui-media">
                    <img id="imgs" class="mui-media-object mui-pull-left" src="/lib/mui/images/shuijiao.jpg">
                        <div class="mui-media-body">
                            <p id="namep" class='mui-ellipsis'>决明子健康磁疗养生枕</p>
                            <p id="sale_money">￥456</p>
                            <div><label id="hor_id">货号：20</label><label style="margin-left:0.4rem;" id="num">3件</label></div>
                        </div>
                </li>

                <li id="detailli" class="mui-table-view-cell mui-media mui-hidden">
                    <div id="detail" class="mui-media-body">
                        <p>分销商：李逵</p>
                        <p>手机号：19364749279</p>
                        <p>订单标号：946546579465465</p>
                    </div>
                </li>

                <li class="mui-table-view-cell mui-media">
                    <div class="mui-media-body">
                        <p id="paymoney">实付款：￥512</p>
                        <div>
                            <label>计划提货时间：</label>
                            <input id="year" type="number">年
                            <input id="month" type="number">月
                            <input id="day" type="number">日
                        </div>
                        <div class="mz-btn-wrapper">
                            <button id="orderbtn" type="button" onclick="preorder()" class="mui-btn mui-btn-danger">提交预定</button>
                        </div>
                    
                    </div>
                </li>
            </ul>
        </div>



    </div>


</body>
</html>